<!--
 * @Author: gyc
 * @Date: 2020-05-19 09:09:59
 * @LastEditTime: 2020-08-13 14:12:19
 * @Description: Nuxt测试版
--> 
<template>
  <div class="share-movie">
    <div class="share-movie-left">
      <movie-share-msg></movie-share-msg>
      <h3>平台快搜</h3>
      <p >
        <a href="https://wwww.baidu.com" target="_blank">腾讯视频</a>
      </p>
      <!-- <p v-if="link==2">
        <a
          href="https://search.bilibili.com/all?keyword=创造营2020"
          target="_blank"
          class="share-movie-search"
        >哔哩哔哩</a> 
      </p>-->
      <h3>吐槽墙</h3>
      <movie-tucao></movie-tucao>
      <movie-tuc-box v-for="i in 6" :key="i"></movie-tuc-box>
    </div>
    <div class="share-movie-right" style="width:300px;">
      <div class="right-tucao">议论话题，尚未开发</div>
    </div>
  </div>
</template>

<script>
import movieShareMsg from "@/components/movie/movieShareMsg/movieShareMsg";
import movieTucao from "@/components/movie/movieTucao/movieTucao";
import movieTucBox from "@/components/movie/movieTucBox/movieTucBox";
export default {
  name: "movieInfo",
  layout: "dpage",
  data() {
    return {
    };
  },
  methods: {
  },
  components: {
    "movie-share-msg": movieShareMsg,
    "movie-tucao": movieTucao,
    "movie-tuc-box": movieTucBox
  }
};
</script>
<style lang="scss" scoped>
@media screen and (max-width: 992px) {
  .share-movie {
    width: 100%;
    .share-movie-left {
      width: 100%;
    }
    .share-movie-right {
      display: none;
    }
  }
}
@media screen and (min-width: 992px) {
  .share-movie {
    width: $globalWidth;
    .share-movie-left {
      width: 786px;
      padding-right: 10px;
    }
  }
}
.share-movie {
  display: flex;
  margin: 0 auto;
  min-height: 667px;
  padding-top: 10px;
  background-color: white;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  h3 {
    padding-top: 20px;
  }
  .share-movie-left {
    padding-bottom: 10px;
  }
  .share-movie-right {
    min-height: 300px;
  }
  .link-title {
    padding-top: 10px;
    height: 35px;
  }
  p {
    padding-top: 5px;
    a {
      color: black;
    }
  }
  .link-border {
    color: black;
    border-bottom: 1px solid black;
  }
  .right-tucao {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    background-color: black;
    height: 300px;
    color: white;
  }
}
</style>